<script setup>
import {ref,onMounted} from 'vue'
import WOW from 'wow.js'
let n = ref(0);
let joinlist = ref();
let aboutlist = ref();

onMounted(async()=>{
 var wow = new WOW({
    boxClass: 'wow', // 需要执行动画的元素的 class; 【String类型】默认值：‘wow'；
    animateClass: 'animated', // animation.css 动画的 class; 【String类型】默认值：‘animated'；
    offset: 0, // 距离可视区域多少开始执行动画；【整数Number类型】默认值：0；
    mobile: true, // 是否在移动设备上执行动画；【Boolean类型】默认值: true;
    live: true // 异步加载的内容是否有效；【Boolean类型】默认值: true;
    });
 wow.init();

})

function action(i) {
    n.value = i
}
</script>

<template>
  <div class="container">
    <div class="about">
      <div class="about-faith mt-50">
        <h3 class="about-title wow fadeInDown">想买保险还担心出问题?</h3>
        <h3 class="about-title wow fadeInDown">找我们就对了。</h3>
        <p class="about-subtitle wow fadeInUp">我们不卖保险，
我们只是美好生活的搬运工。</p>
        <div style="height: 100px;"></div>
        <div class="bgih1 wow fadeInDown">
            <ul class="wow bounceIn">
            <h3 class="about-title wow fadeInDown">大学生团队, <br>倾力打造属于你的保险顾问。</h3>
            </ul>
        </div>
      </div>
      <!-- <div class="about-leading mt-50"> -->
      <div class="bgih2 wow fadeInDown">
          <h3 class="about-title wow fadeInDown">经过研究, <br>我们想告诉你这些事。</h3>
          <router-link to='/riskdec'>
              <p class="about-subtitle wow fadeInUp">风险前置</p>
          </router-link>
            
        <!-- </div> -->
        
        
      </div>
      <!-- <div class="about-jin mt-50">
        <h3 class="about-title wow fadeInDown">招商加盟</h3>
        <p class="about-subtitle wow fadeInDown">INVESTMENT TO JOIN</p>
        <ul>
            <li v-for="(v,i) in joinlist" :key="i">
              <img :src="v.img_url" alt="" class="wow fadeInLeft">
              <span class="btit">{{v.title}}</span>
            </li>
          </ul>
      </div> -->
    </div>
  </div>
</template>

<style scoped>
</style>


